<template>
    <div class="page-help">
        <van-nav-bar class="help-tilte" left-arrow :fixed="true" :title="$t('m.Privacypolicy')" @click-left="$router.back(-1)">
        </van-nav-bar>
        <div style="padding: 23px;"></div>
        <div class="terms">
            <h1 v-if="dataJson.title">{{dataJson.title}}</h1>
            <div v-for="(item, index) in dataJson.child" class="terms-list">
                <div class="h3" v-if="item.title">{{item.title}}</div>
                <div class="h4" v-if="item.titleChild">{{item.titleChild}}</div>
                <p v-if="item.link">
                    <span>{{item.text}}</span>
                    <span class="is-link" @click="$router.push(item.link)">{{item.linkText}}</span>
                </p>
                <p v-else>{{item.text}}</p>
                <div v-if="item.child">
                    <p v-for="(i, index) in item.child">{{i}}</p>
                </div>
                <ul v-if="item.prop">
                    <li class="ul-title">{{item.prop.title}}</li>
                    <li class="ul-li" v-for="(i, index) in item.prop.child">{{i}}</li>
                </ul>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'Policy',
        data() {
            return {
                dataJson: {
                    "title": "Privacy Policy",
                    "child": [
                        {
                            "title": "Information we collect and receive",
                            "text": "",
                            "prop" : {
                                "title" : "We may collect and receive information from you in the following situations:",
                                "child" : [
                                   "When you register for an account with us (“Account”).",
                                   "When you choose to connect your Account with an external third party service or application, such as Facebook.",
                                   "When you use the features and functions available on our Services, for example, by creating listings, interacting with other users through our chat feature, or transacting with other users.",
                                   "If you contact us, for example, with a query or to report a problem.",
                                   "When you register for a survey, campaign, contest and/or lucky draw with us.",
                                   "When you interact with us offline or through an external third party.",
                                ]
                            }
                        },
                        {
                            "title": "",
                            "text": "",
                            "prop" : {
                                "title" : "We may collect and receive the following information. Please note that not all of our Services collect all of the information listed below:",
                                "child" : [
                                    "Account credentials such as username.",
                                    "Profile information such as, name, gender, email address, profile photo, mobile number, date of birth.",
                                    "Location information such as last known location.",
                                    "Any other information disclosed by you in any of the above-mentioned methods and/or through the use our Services.",
                                    "Aggregate data collected through the use of our Services.",
                                ]
                            }
                        },
                        {
                            "title": "How we use the information we collect",
                            "text": "",
                            "prop" : {
                                "title" : "We may use the information collected and received from you for the following purposes:",
                                "child" : [
                                    "To verify your identity, update our records and generally maintain your Account with us.",
                                    "Provide our Services and customize the content shown to you.",
                                    "Develop, operate, improve, deliver and maintain our Services.",
                                    "Responding to your queries and resolving complaints.",
                                    "Carry out polls, surveys, analysis and research on how our Services are being used and how we can improve them.",
                                    "To update you on your listings and our Services (e.g. new offers, new chats, new feedback, new comments). These updates will be sent by email and/or through push notifications.",
                                    "To send you marketing and/or promotional materials on the latest products and services of Tolymoly or selected third parties. These updates will be sent by email and/or through push notifications. These updates may also be communicated to you through text messages and/or voice calls if you have indicated that you wish to receive such updates through these methods.",
                                    "To send you service-related messages including, without limitation, a welcome/confirmation email when you register your Account and to enforce our Terms of Service and other policies. These messages are not promotional in nature. These messages will be sent by email and/or through push notifications.",
                                    "To provide you a more tailored online advertising experience. Tolymoly has in place, tools and services are used to create advertisements, to deliver advertisements to devices on behalf of advertisers, to monitor the success of and manage advertising campaigns, and to present you with advertisements that are more likely to be interesting and relevant to you. ",
                                ]
                            }
                        },
                        {
                            "title": "Who we share your information with",
                            "text": "",
                            "prop" : {
                                "title" : "We may share information about you in the following ways:",
                                "child" : [
                                    "When you register for an Account, the information which you make available on your profile may be viewed by other users of our Services. Other users of our Services would also be able to view the content which you upload and share on our Services.",
                                    "We may share the information with our affiliates and with third party service providers who assist us in performing certain aspects of our Services on our behalf, such as processing transactions, fulfilling requests for information, receiving and sending communications, updating marketing lists, analysing data, providing support services or in other tasks. Such service providers will only have access to your personal information to the extent necessary to perform their functions.",
                                    "We may share the information with our potential partners, investors and other parties with a view to a potential business partnership, collaboration, joint venture or otherwise in furtherance of our business.",
                                    "In addition to other information described in this Privacy Policy, we may collect and share with third party data management platforms or advertising and analytics partners precise location information. This location information may be used by itself, aggregated, or combined with mobile identifiers, and shared with third parties for purposes related to advertising, analytics and market research.",
                                    "We may disclose your personal information if required to do so by law or if we believe that such action is necessary to prevent fraud or crime or to protect our Services or the rights, property or personal safety of any person.",
                                ]
                            }
                        },
                        {
                            "title": "",
                            "text": "We may disclose data and aggregate statistics about users of our Services and sales to prospective partners, advertisers, sponsors and other reputable third parties in order to describe our Services, deliver targeted advertisements or for other lawful purposes.",
                        },
                        {
                            "title": "Changes to this Privacy Policy",
                            "text": "We reserve the right to make changes to this Privacy Policy at any time and all changes will be posted here."
                        },
                        {
                            "title": "Third party sites and resources",
                            "text": "Our Services may contain links to external sites or resources which are operated by third parties. We have no control over the content and privacy practices of such sites or resources. You are advised to review the privacy policies of these sites and resources operated by third parties and understand how your information may be used by those third parties."
                        },
                        {
                            "titleChild" : "Effective from 8 September 2018 ",
                        },
                    ]
                }
            };
        },
    }

</script>
<style>
    .page-help .van-nav-bar{
        background-color: #FF9900;
        color: #fff;
    }
    .page-help .van-nav-bar .van-icon{
        color: #fff;
        margin-right: 15px;
        font-size: 18px;
    }
    .page-help .van-list__loading{
        width: 100%;
        /*border-top: 1px solid #F2F2F2;*/
    }
    .terms h1, .terms h3, .terms p {
        margin: 0;
    }
</style>
<style scoped>
    .terms{
        width:92%;
        margin:0 auto;
        padding: 20px 0;
    }
    .terms h1{
        text-align:center;
        font-size: 1.2em!important;
        padding: 0.5em 0;
    }
    .terms .h3, .terms .h4{
        /*font-weight: bold;*/
        color: #000;
        padding: 0.5em 0;
    }
    .terms p{
        color: rgb(81, 81, 81);
    }
    .terms li{list-style-type: none}
    .terms-list{
        margin-bottom: 20px;
    }
    .ul-title{
        margin: 10px 0;
    }
    .terms li.ul-li{
        list-style-type: disc;
        margin-left: 10%;
        margin-bottom: 10px;
    }
    .terms p .is-link{
        color: #0e6c9c;
    }
</style>
